PDFを本文に表示
ひな型
ご覧の環境で下のオブジェクト要素がサポートされていないときこちらをクリックしてください。
年間行事予定PDF
<i class="fa fa-file-pdf-o fa-2X"><a href="http://web-kawasaki.heteml.jp/umiguchi/webktake7/wp-content/uploads/2015/08/nenkanyoteih27an.pdf"> 年間行事予定PDF</a></i>
<p>
<object data="http://hei60.sakura.ne.jp/hm/wp-content/uploads/2015/07/1de84a11310a25c9d300615c7c4d9a82.pdf" height="900" width="100%"></object>
</p>
HTML記述で
ファイルの容量が重いと、表示されるまでにかなりの時間がかかりますが、画面からの離脱率は抑えられます。
<object data="ここにURLを入力" type="application/pdf" width="数値" height="数値"></object>
Google Docs Viewer
どうもドキュメントとかちあって?
- PDFをサーバーにアップロード、URLをコピー、Google Docs Viewerに貼り付け、リンクを生成するボタンをクリック
- 生成されたリンクをWebページのHTMLコードに貼り付ける
Embed PDF プラグインを利用・・・2015年時点では駄目みたいですね。
http://hei60.sakura.ne.jp/hm/wp-content/uploads/2015/02/ba201405soukaigijiroku.pdf